<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="./index.js"></script>
</head>
<body>
    



    <button>点击</button>
    <script>
        //指向Window，因为处于Window作用域中(或者说console本身就是window对象的函数)
        // window.console.log('script块：'+this);
        // //指向Window，因为处于Window作用域中(或者说if是声明在window对象中的)
        // if(true){
        //     console.log('if块：'+this);
        // }
        // //指向Window，因为处于Window作用域中(或者说此函数是在window对象中的)
        // //注意：可以这样写：var fn = function(){}
        // //     但不能这样写：let fn = function(){}
        // var fn = function(){
        //     console.log('函数中：'+this);
        // }
        // window.fn();
        // //指向Window，因为处于Window作用域中(或者说setTimeout本身就是window对象的函数)
        // window.setTimeout(function(){
        //     console.log('setTimeout函数中：'+this);
        // },1);



        //指向Button对象
        document.getElementsByTagName('button')[0].onclick=function(){
            console.log('button事件处理函数中：'+this);
        }
        /**
         * 测试：点击按钮后，结果为：
         * script块：[object Window]
         * if块：[object Window]
         * 函数中：[object Window]
         * setTimeout函数中：[object Window]
         * button事件处理函数中：[object HTMLButtonElement]
         */
    </script>



</body>
</html>